.border (bottom,@width:2px, @style: solid, @color:#938e8c ){
		border-bottom: @width @style @color; 
}
.border (top,@width:2px, @style: solid, @color:#938e8c ){
		border-top: @width @style @color; 
}
.border (left,@width,@style,@color){
		border-left:@width @style @color;
}
.inline-block (){
	display: inline-block;
}
.wh(@width,@height){
	width:@width;
	height:@height;
}
p,
span,
h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
}
html{
	background-color: #888;
}
.clearfix:after{
	display: block;
	content: "";
	float: right;
	clear: both;
}
body{
	margin: 0px auto;
	padding: 0px 44px;
	background-color: #fff; 
	.wh(980px, 1386px);

	&>header{
		.border(bottom);
		font-size: 12px;
		.wh(892px,61px);
		font-family: "黑体";
		position: relative;

		&>span{
			position: absolute;
			right: 0px;
			bottom: 5px;
			color: #d45d5c;
		}
		.logo{

			.inline-block;
			position: relative;
			width: 110px;
			height: 61px;
			background-color: rgb(212,93,92);

			&>span{
				display: inline-block;
				position: absolute;
				line-height: 14px;
				left: 5px;
				bottom: 6px;
				color: #fff;
			}
		}
	}
}
.about{
	.wh(892px,301px);
	padding: 34px 0px;
	margin-right: 48px;

	#img-pc{
		position: relative;
		float: left;
		.wh(641px,301px);
		background: url("img/左上大图.jpg") no-repeat;

		.over-left{
			opacity: 0.5;
			background-color: #428d59;
			position: absolute;
			left: 0px;
			.wh(191px,301px);
		}
		.over-right{
			opacity: 0.5;
			background-color: #cc7680;
			position: absolute;
			right: 0px;
			.wh(191px,301px);
		}
	}

	.about-text{
		.wh(203px,301px);
		float: right;
		.border(top,2px,solid,#cc8091);
		padding-top: 12px;
		&>header{
			h1{
				text-decoration: underline;
				font-size: 24px;
				line-height: 30px;
				font-variant: small-caps;
				text-transform: capitalize;
				font-weight: normal;
				font-family: "微软雅黑";
			}
			h4{
				font-weight: normal;
				font-size: 12px;
				line-height: 10px;
				font-family: "楷体";
				font-style: italic;
			}
		}

		.numbers{
			.wh(201px,208px);
			position: relative;
			font-family: "微软雅黑";

			.big-number{
				display: block;
				position: absolute;
				left: -1px;
				top: 47px;
				font-size: 116px;
				line-height: 116px;
				color: #75b86b;
				font-style: oblique;
			}
			.small-number{
				display: block;
				position: absolute;
				left: 6px;
				top: 164px;
				font-size: 55px;
				line-height: 55px;
				color:#cc8091;
			}
			.smaller-number{
				display: block;
				position: absolute;
				left: 90px;
				top: 184px;
				font-size: 21px;
				line-height: 21px;
				color: #cc8091;
			}
			.smallest-number{
				display: block;
				position: absolute;
				left: 90px;
				top: 201px;
				font-size: 12px;
				line-height: 14px;
				color: #e1e0e0;
			}
		}
	}
}
.container2{
	position: relative;
	.wh(892px,250px);
	padding-top: 7px;
	font-family: "微软雅黑";
	h4{
			text-decoration: underline;
			font-size: 16px;
			text-transform: capitalize;
			font-weight: normal;
		}
	span{
		font-size: 12px;
		line-height: 16px;
	}

	.what{
		float: left;
		.wh(230px,250px);
		margin-right: 28px;

		&>header{
			h4{
				color: #418c59;
			}
		}
	}

	.when{
		.wh(207px,250px);
		position: absolute;
		left: 255px;
		&>header{
			h4{
				color: #d2994f;
			}
		}
		span{
			opacity: 0.5;
		}
	}
	.how{
		.wh(406px,250px);
		float: right;
		&>header{
			h4{
				color: #cc7680;
			}
		}
		&>span{
			opacity: 0.5;
		}
	}
	.catalog{
		&>span{
			opacity: 0.7;
			&>span{
				color: #cd4a48;
				font-style: oblique;
			}
		}
	}
}
.container3{
	.wh(892px,646px);
}
.left{
	float: left;
	.wh(415px,647px);

	&>header{
		.border(bottom,2px,solid,#11456b);
		font-family: "黑体";
		font-variant: small-caps;
		h1{
			font-size: 42px;
			line-height: 42px;
			color: #11456b;

			&>span{
				font-size: 72px;
				line-height: 72px;
				color: #f5e327;
				font-style: oblique;
			}
		}

		h2{
			font-size: 33px;
			font-family: "黑体";
			color: #11456b;
			line-height: 33px+16;
		}
	}

	&>article{
		position: relative;
		padding-top: 26px;
		.wh(415px,492px);

		.first-p{
			text-indent: 0px;
		}

		&>p{
			text-indent: 2em;
			font-size: 12px;
			font-family: "宋体";
			line-height: 16px;
		}

		.pc-img{
			float: right;
			position: relative;
			padding:22px 0px 22px 22px;
			.wh(167px,288px);
		}

		.first-ch-word{
			display: inline-block;
			float: left;
			margin: auto 10px 20px 0px;
			font-size: 70px;
			line-height: 40px;
			color: #f5e327;
			font-family: "微软雅黑";
		}
	}
}
.right{
	float: right;
	.wh(459px,648px);

	.right-img{
		position:relative;
		background-image:url(img/右下.jpg);
		width:458px;
		height:257px;

		&>footer{
			position: absolute;
			bottom: 0px;
			padding-left: 38px;
			background-color: rgba(0,0,0,0.3);
			.wh(459px-38,61px);
			font-family: "微软雅黑";

			div{
				position: absolute;
				left: 38px;
				top: 8px;
				padding-left: 12px;
				.wh(auto,44px);
				.border(left,3px,solid,#72b16a);
				font-size: 26px;
				color: #fff;
				vertical-align: middle;
			}

			span{
				display: block;
				position: absolute;
				top: 28px;
				left: 164px;
				font-size: 12px;
				color: #72b16a;
			}
		}
	}

	.right-note{
		position: relative;
		.wh(459px,319px);
		margin-top: 30px;
		background-color: #eeedd6;

		.list{
			padding:10px 10px 10px 0px;
			height:138px;
			width:448px;

			ol{
				font-family:"黑体";
				color:#5a5b5b;
				list-style-image:url(img/list_style_tri.jpg);
				line-height:35px;
				text-align:right;
				font-size:21px;
			}

			li>span{
				font-size:12px;
				font-style:oblique;
			}
		}

		.zero-container{
			.wh(260px,160px);
			background-color:#d45d5c;
			position:absolute;
			bottom:0px;
			left:0px;
			vertical-align:middle;
			color:#fff;

			&>span{
				font-size:110px;
				margin:8px 18px;
			}

			.zero-right{
				position:absolute;
				top:37px;
				left:100px;
				padding-left:10px;
				height:86px;
				border-left:2px solid #fff;
				&>h4{
					font-size:21px;
					font-family:"黑体";
					font-style:oblique;
					font-variant:small-caps;
				}
				&>span{
					font-size: 12px;
				}
			}
		}
	}
	.hello{
		position:absolute;
		right:0px;
		bottom:0px;
		padding:10px;
		width:178px;
		height:140px;
		font-size: 12px;
		font-style: oblique;
	}
}
body>footer{
	position: relative;
	.wh(892px,59px);
	.border(top,1px,solid,#938e8c);
	span{
		display: block;
		position: absolute;
		right: 0px;
		top: 0px;
		font-size: 12px;
		color: #d45d5c;
	}
}